<template>
<div>
   <ul class="title">
        <li><router-link to="/">返回</router-link></li>
        <li><a href="https://gitee.com/emotional-transformation/vue3-movie.git">Git仓库</a></li>
       <li><router-link to="/Login">登录</router-link></li>
    </ul>
    <div class="he">
      <div class="tu">
    <img src="https://img2.baidu.com/it/u=1217487856,2308769278&fm=253&fmt=auto&app=138&f=JPEG?w=400&h=400"></div>
</div>
</div>
</template>

<style lang="less" scoped>
*{
    margin: 0;
    padding: 0; 
}
.he{
    
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
.tu{
  
 border-radius: 100%;
  
    filter: drop-shadow(0 0 0.6rem #f0022260);
    
    justify-self: center;
    overflow: hidden;
 
}
}
.title{
background-color: rgba(220,20,60,1);
  color: white;
  display: flex;
  width: 100%;
  justify-content: space-around;
  list-style: none;
  font-size: 3rem;

li a{
    text-decoration:none;
    color: white;
}

}
</style>

<script>
export default {
  data() {
    return {
      src: "/htmlModel"
    };
  },
  created() {},
  methods: {
    clickTo() {
      window.open("/htmlModel", "_blank"); 
    }
    
  }
};
</script>
